<style>
  .img-center {
    margin: 0 auto;
    display: inline;
    float: none;
  }
  .img-sm, .box-comments .box-comment img, .user-block.user-block-sm img {
    width: 30px !important;
    height: 30px !important;
  }
  .btn,.btn.active{
    outline: none!important;
  }
</style>
<table class="table table-striped table-bordered">
  <thead>
  <tr>
    <th>{:__('Title')}</th>
    <th>{:__('Content')}</th>
  </tr>
  </thead>
  <tbody>
    <tr>
      <td style="width: 150px">订单号</td>
      <td style="word-break: break-all;">{$row.order_sn}</td>
    </tr>
    <tr>
      <td style="width: 150px">取件人</td>
      <td style="word-break: break-all;">{$row.pick_nickname}</td>
    </tr>
    <tr>
      <td style="width: 150px">备注</td>
      <td style="word-break: break-all;">{$row.remark}</td>
    </tr>
    <tr>
      <td style="width: 150px">任务单状态</td>
      <td style="word-break: break-all;">
        {if ( $row.status > 0)}
        <span class="label label-success">{$row.status_text}</span>
        {/if}

        {if ( $row.status == 0)}
        <span class="label label-info">{$row.status_text}</span>
        {/if}

        {if ( $row.status == -1)}
        <span class="label label-primary">{$row.status_text}</span>
        {/if}
      </td>
    </tr>

    {if (!!$row.status != -3 && $row.ext.invalid_time_text)}
    <tr>
      <td style="width: 150px">任务超时自动取消</td>
      <td style="word-break: break-all;">{$row.ext.invalid_time_text}</td>
    </tr>
    {/if}

    {if (!!$row.ext.refuse_time_text)}
    <tr>
      <td style="width: 150px">拒绝接单时间</td>
      <td style="word-break: break-all;">{$row.ext.refuse_time_text}</td>
    </tr>
    {/if}

    {if ($row.status < 1 && !!$row.refuse_remark)}
    <tr>
      <td style="width: 150px">拒绝接单原因</td>
      <td style="word-break: break-all;">{$row.refuse_remark}</td>
    </tr>
    {/if}

    {if (!!$row.status == -3 && $row.ext.refuse_pass_time_text)}
    <tr>
      <td style="width: 150px">任务拒接成功时间</td>
      <td style="word-break: break-all;">{$row.ext.refuse_pass_time_text}</td>
    </tr>
    {/if}

    {if (!!$row.ext.pick_time_text)}
    <tr>
      <td style="width: 150px">确认取件时间</td>
      <td style="word-break: break-all;">{$row.ext.pick_time_text}</td>
    </tr>
    {/if}

    {if (!!$row.pick_images)}
    <tr>
      <td style="width: 150px">确认取件照片</td>
      <td style="word-break: break-all;">
        {foreach $row.pick_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if (!!$row.ext.deliver_time_text)}
    <tr>
      <td style="width: 150px">确认送达时间</td>
      <td style="word-break: break-all;">{$row.ext.deliver_time_text}</td>
    </tr>
    <tr>
      <td style="width: 150px">确认送达人姓名</td>
      <td style="word-break: break-all;">{$row.deliver_nickname}</td>
    </tr>
    {/if}

    {if (!!$row.deliver_images)}
    <tr>
      <td style="width: 150px">确认送达照片</td>
      <td style="word-break: break-all;">
        {foreach $row.deliver_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if (!!$row.ext.service_start_time_text)}
    <tr>
      <td style="width: 150px">维修开始时间</td>
      <td style="word-break: break-all;">{$row.ext.service_start_time_text}</td>
    </tr>
    {/if}

    {if (!!count($taskService))}
    <tr>
      <td colspan="2">
        <table class="table table-striped table-bordered">
          <thead>
          <tr>
            <td colspan="6" style="text-align: center;font-weight: bold;color: #ff2222">维修明细</td>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>维修人</td>
            <td>工艺名</td>
            <td>维修内容</td>
            <td>数量</td>
            <td>照片</td>
            <td>添加时间</td>
          </tr>
          {foreach $taskService as $item }
          <tr>
            <td style="word-break: break-all;">{$item.user_nickname}</td>
            <td style="word-break: break-all;">{$item.art_name}</td>
            <td style="word-break: break-all;">{$item.content}</td>
            <td style="word-break: break-all;">{$item.num}</td>
            <td style="word-break: break-all;">
              {foreach $item.images_arr as $value }
              <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
              {/foreach}
            </td>
            <td width="160px">{$item.createtime_text}</td>
          </tr>
          {/foreach}
          </tbody>
        </table>
      </td>
    </tr>
    {/if}

    {if (!!$row.service_start_images)}
    <tr>
      <td style="width: 150px">开始维修照片</td>
      <td style="word-break: break-all;">
        {foreach $row.service_start_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if (!!$row.ext.service_cancel_time_text)}
    <tr>
      <td style="width: 150px">无法维修时间</td>
      <td style="word-break: break-all;">{$row.ext.service_cancel_time_text}</td>
    </tr>
    {/if}

    {if (!!$row.service_cancel_images_arr)}
    <tr>
      <td style="width: 150px">无法维修照片</td>
      <td style="word-break: break-all;">
        {foreach $row.service_cancel_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if (!!$row.servicing_images)}
    <tr>
      <td style="width: 150px">维修中照片</td>
      <td style="word-break: break-all;">
        {foreach $row.servicing_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if (!!$row.ext.serviced_time_text)}
    <tr>
      <td style="width: 150px">维修完成时间</td>
      <td style="word-break: break-all;">{$row.ext.serviced_time_text}</td>
    </tr>
    <tr>
      <td style="width: 150px">维修完成人姓名</td>
      <td style="word-break: break-all;">{$row.service_end_nickname}</td>
    </tr>
    {/if}

    {if (!!$row.serviced_images)}
    <tr>
      <td style="width: 150px">维修完成照片</td>
      <td style="word-break: break-all;">
        {foreach $row.serviced_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if (!!$row.ext.return_time_text)}
    <tr>
      <td style="width: 150px">还件完成时间</td>
      <td style="word-break: break-all;">{$row.ext.return_time_text}</td>
    </tr>
    <tr>
      <td style="width: 150px">还件人姓名</td>
      <td style="word-break: break-all;">{$row.return_nickname}</td>
    </tr>
    {/if}

    {if (!!$row.return_images)}
    <tr>
      <td style="width: 150px">确认还件照片</td>
      <td style="word-break: break-all;">
        {foreach $row.return_images_arr as $value }
        <img class="img-sm img-center avatar-img" data-tips-image=" {$value}" src=" {$value}">
        {/foreach}
      </td>
    </tr>
    {/if}

    {if ($row.status == -2)}
    <tr>
      <td>任务拒接审核</td>
      <td>
        <div class="input-group">
          <input type="hidden" class="row_id" value="{$row.id}">
          <button name="callback" value="0" class="mr-1 btn btn-callback btn-danger">不同意</button>
          <button name="callback" value="1" class="mr-1 btn btn-callback btn-success">同意</button>
        </div>
      </td>
    </tr>
    {/if}
  </tbody>
</table>

{if ($settle)}
<tr>
  <td colspan="2">
    <table class="table table-striped table-bordered">
      <thead>
      <tr>
        <td colspan="2" style="text-align: center;font-weight: bold;color: #ff2222">结算明细</td>
      </tr>
      </thead>
      <tbody>
      <tr>
        <td>标题</td>
        <td>内容</td>
      </tr>
      <tr>
        <td style="word-break: break-all;">回款方式</td>
        <td style="word-break: break-all;">{$settle.return.name}</td>
      </tr>
      <tr>
        <td style="word-break: break-all;">回款金额</td>
        <td style="word-break: break-all;">{$settle.price}</td>
      </tr>
      <tr>
        <td style="word-break: break-all;">备注</td>
        <td style="word-break: break-all;">{$settle.remark}</td>
      </tr>
      <tr>
        <td style="word-break: break-all;">时间</td>
        <td style="word-break: break-all;">{$settle.createtime_text}</td>
      </tr>
      </tbody>
    </table>
  </td>
</tr>
{/if}

<!--{if (!!count($commissionLog))}-->
<!--<table class="table table-striped table-bordered">-->
<!--  <thead>-->
<!--  <tr>-->
<!--    <td colspan="4" style="text-align: center;font-weight: bold;color: #ff2222">任务提成</td>-->
<!--  </tr>-->
<!--  </thead>-->
<!--  <tbody>-->
<!--  <tr>-->
<!--    <td>员工姓名</td>-->
<!--    <td>提成类型</td>-->
<!--    <td>提成金额</td>-->
<!--    <td>计入时间</td>-->
<!--  </tr>-->
<!--  {foreach $commissionLog as $item }-->
<!--  <tr>-->
<!--    <td style="word-break: break-all;">{$item.user_nickname}</td>-->
<!--    {if ($item.type == 'pick')}-->
<!--    <td style="word-break: break-all;color: #18bc9c">取件提成</td>-->
<!--    {/if}-->
<!--    {if ($item.type == 'service')}-->
<!--    <td style="word-break: break-all;color: #1688f1">维修提成</td>-->
<!--    {/if}-->
<!--    <td style="word-break: break-all;">{$item.money}</td>-->
<!--    <td style="word-break: break-all;">{$item.createtime_text}</td>-->
<!--  </tr>-->
<!--  {/foreach}-->
<!--  </tbody>-->
<!--</table>-->
<!--{/if}-->